<style type="text/css">
.box-weather {width:180px; padding: 2px 8px 2px 4px; background:#c8d4da url('http://vnexpress.net/Images/Background/box-weather.gif') repeat-x top;}
.goldprice {width:128px; padding-left:14px;}
.tbl-goldprice, .tbl-weather {background-color:#a8a8a8;font:11px arial;}
.tbl-goldprice {width:100%;}
.td-weather-title {width:40px;background-color:#ffffff;}
.td-weather-data {background-color:#ffffff;}
.gold-price {margin:2px 0px; padding:0px; width:100%;} 
.forex-rate {height:58px; overflow:scroll; overflow-x:hidden;}
.forex-rate {margin:5px 0px; padding:0px; width:100%;}
.slt-weather {width:110px; height:20px; padding: 2px; font:11px arial; border:0; border-top:1px solid #9d9da1; border-right:1px solid #9d9da1; border-bottom:1px solid #9d9da1;}
.img-weather {vertical-align:middle;}
.fl {float:left;}
.se {padding:13px;}
.tbl-goldprice, .tbl-weather {background-color:#a8a8a8;font:11px arial;}

</style>
<script type="text/javascript" language="javascript" src="http://vnexpress.net/Library/Common/Library.js"></script>
<script type="text/javascript" language="javascript" src="http://vnexpress.net/Library/Common/Vne.js"></script>
<script type="text/javascript" language="javascript" src="http://vnexpress.net/Service/Gold_Content.js"></script>
<script type="text/javascript" language="javascript" src="http://vnexpress.net/Service/Forex_Content.js"></script>
<script type="text/javascript" src="http://gala.news.zing.vn/util/service/weather.js"></script> 
<script>
	var tpWeather;
	function change(tentp,nhietdo,anh,thoitiet,doam,gio)
	{
		document.getElementById("ttNhietDo").innerHTML=nhietdo;
		document.getElementById("ttAnh").innerHTML='<img src="http://www.zing.vn/zing/Images/Weather/'+anh+'" />';
		document.getElementById("ttThoitiet").innerHTML=thoitiet+'<br />Do am: '+doam+'<br />'+gio;
	}
	function ShowWeatherBox(intVal)
	{
		change(weather[intVal][1],weather[intVal][2],weather[intVal][3],weather[intVal][4],weather[intVal][5],weather[intVal][6]);
	}
	function ShowWeather()
	{
		alert(weather);
		var strcboWeather='';
		for(var i = 0;i < weather.length; i++)
		{
			if(weather[i][0]=='tphanoi') tpWeather = i;
			strcboWeather+='<option value="'+i+'"'+(weather[i][0]=='tphanoi'?' selected="selected"':'')+'>'+weather[i][1]+'</option>';
		}
//	  	document.getElementById("cboWeather").innerHTML= strcboWeather;
	};

</script> 
<div class="sidebar-title">
	<div class="corner-left sidebar-title"></div>
	<div class="content sidebar-title"> <?=t(159) ?></div>
    <div class="corner-right sidebar-title"></div>  
</div>
<div class="box-middle1 box-weather fl" style="width:178px;">
	<div class="weather fl">
		<div class="fl se"><img class="img-icon" src="http://vnexpress.net/Images/cloud.gif" alt="" />&nbsp;&nbsp;<label class="link-folder">Thoi tiet</label>                               
			<select id="cboWeather" class="ttfontselect" onchange="ShowWeatherBox(this.value);">
			<script>
				var strcboWeather='';
				for(var i = 0;i < weather.length; i++)
				{
					if(weather[i][0] = 'tphanoi') tpWeather = i;
					strcboWeather += '<option value="'+i+'"'+(weather[i][0]=='tphanoi'?' selected="selected"':'')+'>'+weather[i][1]+'</option>';
				}
				document.write(strcboWeather)
			</script>
			</select>
		</div> 
		<br/>	
		<table cellspacing="0" cellpadding="0" border="0" width="160" style="margin-bottom: 5px;">
			  <tr>
					<td nowrap="nowrap" align="center" width="40%" valign="bottom" class="ttfont" style="padding-left:14px;">Nhiet do:</td>
					<td id="ttNhietDo" class="ttNhietdo"> </td>
			  </tr>
			  <tr>
					<td height="65" align="center" id="ttAnh" style="padding-top: 2px; padding-bottom: 4px;"> </td>
					<td height="65" id="ttThoitiet" class="ttfont" style="padding-bottom: 4px;"> </td>
			  </tr>
		</table>
	</div>
	<script type="text/javascript" language="javascript">ShowWeatherBox(4);</script>
 
	<div class="goldprice fl">
		<div class="fl"><img class="img-icon" src="http://vnexpress.net/Images/money.gif" alt="" />&nbsp;&nbsp;<label class="link-folder">Gia vang 9999</label></div>
			<div class="fl">
				<div id="eGold" class="gold-price fl">&nbsp;</div>
				<div class="fl" style="width:127px;"><label style="font:italic 10px arial; color:#919090;">(Nguon: <a href="http://www.sacombank-sbj.com" target="_blank">
					<img style="border:0px;vertical-align:middle;width:80px;height:9px" src="http://vnexpress.net/Images/logoSb.gif" alt="Sacombank" /></a>)</label></div>
				<div class="fl"><img class="img-icon" src="http://vnexpress.net/Images/circle-chart.gif" alt="" />&nbsp;&nbsp;<label class="link-folder">Ty gia</label></div>
				<div id="eForex" class="forex-rate fl">&nbsp;</div>
				<div class="fl"><label style="font:italic 10px arial; color:#05324f;">(Nguon: <a href="http://www.eximbank.com.vn" target="_blank"><img  style="border:0px;vertical-align:middle" src="http://vnexpress.net/Images/logo-EXIM.gif" /></a>)</label></div>				
			</div>
		</div>
	</div>
</div>
<script type="text/javascript" language="javascript" src="http://vnexpress.net/Service/Gold_Content.js"></script>
<script type="text/javascript" language="javascript" src="http://vnexpress.net/Service/Forex_Content.js"></script>
<script type="text/javascript" language="javascript">ShowGoldPrice();ShowForexRate();</script>
<div style="clear:both"></div>
<div class="sidebar-bottom" style="background:url('/public/themes/prime/images/right/places_by_categories/bottom.gif') no-repeat;background-position: center center"></div>